<template><div class="home">
    <!-- <h1 class="welcome fix">欢迎来到电影在线观看网站</h1>
    <button @click="goToDetail">查看电影详情</button> -->

    <div class="searchBox clearfix">
            <div class="searchC clearfix">
                <div class="searchName">店铺名称:</div>
                <el-input class="searchInput" placeholder=""></el-input>
            </div>
            <div class="searchC clearfix">
                <div class="searchName">邮箱</div>
                <el-input class="searchInput" placeholder=""></el-input>
            </div>
            <el-button type="primary" class="searchBtn" @click="goToDetail">查询</el-button>
            <el-button type="primary" class="searchBtn">清空</el-button>
        </div>

  </div>
</template><script>
import Vue from 'vue';


export default {
  
  methods: {
    goToDetail() {
        console.log(this.$route.path);
        this.$myMethod("是否确认删除?",()=>{
          console.log('成功111')
            })
    }
  }
}
</script>

<style>
  .welcome {
    font-size: 40px;
  }
  .fix {
    background: red;
    color: orange;
  }
  .searchBox .searchC {width:120px; display: flex;}
  .searchName{font-size: 15px;color:#333;float: left;line-height: 30px;padding-right:10px;}
  .searchInput .el-input__icon{height: 30px;line-height: 30px;}
</style>